<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css" />
        <script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
    </head>
    <body>
        <div id="gitalk-container"></div>
        <script>
            var gitalk = new Gitalk({
                clientID: '3f2918820cbecfb3782c',
                clientSecret: '1a6799213ae050c71cec200b07720d32911ab0fc',
                repo: 'cyl252113.github.io',
                owner: 'cyl252113',
                admin: 'cyl252113',
                id: 'cyl252113', // Ensure uniqueness and length less than 50
                distractionFreeMode: false, // Facebook-like distraction free mode
            });

            gitalk.render('gitalk-container');
        </script>
    </body>
</html>
